import React from 'react';

import Todo from './components/Todo'
import Nav from './components/Nav'
import Form from './components/TodoForm'
import Main from './components/Main'

import {BrowserRouter as Router, Route} from 'react-router-dom'

import Emoji from './components/Emojis'


import './styles/index.css'

function App() {
  const state = {
    todos: [
      {id: 1, content: 'Milch kaufen'},
      {id: 2, content: 'Verzweifeln'}
    ]
  }
  
  return (
    <div className="App container">
      <Router>
      <Route path="/" exact component={Main} />
      <Route path="/:id/edit" component exact component={Form} />
      </Router>
    </div>
  );
}

export default App;
